{extend name="user/index" /}

{block name="main"}
 <div class="content-page">
    <div class="content">
        <div class="row top-summary">
            <div class="col-md-12">
                <form class="form-inline">
                    <!--<div class="form-group">-->
                        <!--<label class="sr-only" for="exampleInputAmount">Amount (in dollars)</label>-->
                        <!--<div class="input-group">-->
                            <!--<div class="input-group-addon"> 请输入 </div>-->
                            <!--<input type="text" class="form-control" id="exampleInputAmount" placeholder="查询用户">-->
                            <!--&lt;!&ndash; <div class="input-group-addon">.00</div> &ndash;&gt;-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<button type="submit" class="btn btn-primary"> seach </button>-->
                </form>

                <table class="table bg-info table-hover mt30">
                    <tr>
                        <th>ID</th>
                        <th>NAME</th>
                        <th>ROLE</th>
                        <th></th>
                        <th class="col-md-4">ACTION</th>
                    </tr>

                    {volist name="data" key="k" id="v"}
                    <tr>
                        <td>{$v['id']}</td>
                        <td>{$v['username']}</td>
                        <td>{volist name="v['role']" id="value"}
                            {$value['name']}
                            {/volist}
                        </td>
                        <td>{$v['tel']}</td>
                        <td>
<<<<<<< HEAD
                            <a href="{:url('admin/UserController/personlist', ['id'=>$v['id']])}" class="btn btn-xs btn-primary">查看详细信息</a>

                            <a href="{:url('admin/UserController/rolelist', ['id'=>$v['id']])}" class="btn btn-xs btn-primary">角色设置</a>
                            
                            <a href="{:url('admin/UserController/edituser', ['id'=>$v['id']])}" class="btn btn-xs btn-primary">编辑用户</a>
=======
                            <!--<button class="btn btn-xs btn-default show-btn" data-toggle="modal" data-target="#myModal"-->
                                    <!--data-id="" >查看个人信息-->
                            <!--</button>-->
                            <a href="{:url('admin/UserController/rolelist', ['id'=>$v['id']])}" class="btn btn-xs btn-primary">角色设置</a>
                            
                            <a href="{:url('admin/UserController/rolelist', ['id'=>$v['id']])}" class="btn btn-xs btn-primary">编辑用户</a>
>>>>>>> ceef034756f211c9e4d9f78c06244840d01d9771
                            <!--<button class="btn btn-xs btn-danger del-btn" data-id="" >删除用户</button>-->
                        </td>
                    </tr>
                    {/volist}
                </table>
            </div>
        </div>
    </div>
</div>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    用户 [ <u></u> ] 的详细信息
                </h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-3">
                        <img src="/static/admin/index/face/batman.jpg" width="100">
                    </div>
                    <div class="col-md-9">
                        <h3></h3>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">我知道了</button>
            </div>
        </div>
    </div>
</div>

<<<<<<< HEAD
 <!--&lt;!&ndash;    <script>-->

    <!--$(function () {-->
        <!--// 设置弹框参数-->
        <!--toastr.options = {-->
            <!--closeButton: true,// 是否显示关闭按钮-->
            <!--progressBar: true,// 实现显示计时条-->
            <!--timeOut: "3000",  // 自动关闭时间-->
            <!--positionClass: "toast-bottom-left" // 提示位置-->
            <!--// toast-top-full-width 顶端，宽度铺满整个屏幕-->
            <!--// toast-top-right  顶端右边-->
        <!--};-->

        <!--// 触发删除用户-->
        <!--$('.del-btn').click(function () {-->
            <!--var ac_id = $(this).attr('data-id');-->
            <!--console.log('删除操作,ID:', ac_id);-->
            <!--if (confirm('你确定要[删除]吗?!')) {-->
                <!--var obj = $(this).parents('tr');-->
                <!--console.log(obj);-->
                <!--delAjax(ac_id, obj); // 执行AJAX删除-->
            <!--}-->
        <!--});-->
        <!--// 触发查询单个用户信息-->
        <!--$('.show-btn').click(function () {-->
            <!--var ac_id = $(this).attr('data-id');-->
            <!--console.log('查询操作,ID:', ac_id);-->
            <!--showAjax(ac_id); // 指定查看信息操作-->
        <!--});-->
    <!--}); -->
    <!--function showAjax(id) {-->
        <!--// console.log(obj);-->
        <!--$.ajax({-->
            <!--type: 'get',-->
            <!--url: '/admin/' + id,-->
            <!--dataType: 'json',-->
            <!--success: function (data) {-->
                <!--// console.log(data);-->
                <!--if (data.status) {-->
                    <!--$('.modal-title u').html(data.title);-->
                    <!--var msg = data.datas.name + '/'+data.datas.tel;-->
                    <!--$('.modal-body h3').html(msg);-->
                <!--} else {-->
                    <!--$('.modal-title u').html(data.title);-->
                    <!--$('.modal-body h3').html(data.datas);-->
                <!--}-->
            <!--},-->
            <!--error: function () {-->
                <!--alert('AJAX操作失败');-->
            <!--}-->
        <!--});-->
    <!--}-->

   <!--// 执行AJAX删除-->
    <!--function delAjax(id, obj) {-->
        <!--console.log(obj);-->
        <!--$.ajax({-->
            <!--type: 'delete',-->
            <!--url: 'admin/' + id,-->
            <!--dataType: 'json',-->
            <!--success: function (data) {-->
                <!--if (data.status) {-->
                    <!--toastr.success(data.info);-->
                    <!--// 将该条目删除掉-->
                    <!--obj.remove();-->
                <!--} else {-->
                    <!--toastr.error(data.info, 'FBI WARING:');-->
                <!--}-->
            <!--},-->
            <!--error: function () {-->
                <!--alert('AJAX操作失败');-->
            <!--}-->
        <!--});-->
    <!--}-->
=======
 <!--    <script>

    $(function () {
        // 设置弹框参数
        toastr.options = {
            closeButton: true,// 是否显示关闭按钮
            progressBar: true,// 实现显示计时条
            timeOut: "3000",  // 自动关闭时间
            positionClass: "toast-bottom-left" // 提示位置
            // toast-top-full-width 顶端，宽度铺满整个屏幕
            // toast-top-right  顶端右边
        };

        // 触发删除用户
        $('.del-btn').click(function () {
            var ac_id = $(this).attr('data-id');
            console.log('删除操作,ID:', ac_id);
            if (confirm('你确定要[删除]吗?!')) {
                var obj = $(this).parents('tr');
                console.log(obj);
                delAjax(ac_id, obj); // 执行AJAX删除
            }
        });
        // 触发查询单个用户信息
        $('.show-btn').click(function () {
            var ac_id = $(this).attr('data-id');
            console.log('查询操作,ID:', ac_id);
            showAjax(ac_id); // 指定查看信息操作
        });
    }); 
    function showAjax(id) {
        // console.log(obj);
        $.ajax({
            type: 'get',
            url: '/admin/' + id,
            dataType: 'json',
            success: function (data) {
                // console.log(data);
                if (data.status) {
                    $('.modal-title u').html(data.title);
                    var msg = data.datas.name + '/'+data.datas.tel;
                    $('.modal-body h3').html(msg);
                } else {
                    $('.modal-title u').html(data.title);
                    $('.modal-body h3').html(data.datas);
                }
            },
            error: function () {
                alert('AJAX操作失败');
            }
        });
    }

   // 执行AJAX删除
    function delAjax(id, obj) {
        console.log(obj);
        $.ajax({
            type: 'delete',
            url: 'admin/' + id,
            dataType: 'json',
            success: function (data) {
                if (data.status) {
                    toastr.success(data.info);
                    // 将该条目删除掉
                    obj.remove();
                } else {
                    toastr.error(data.info, 'FBI WARING:');
                }
            },
            error: function () {
                alert('AJAX操作失败');
            }
        });
    }
>>>>>>> ceef034756f211c9e4d9f78c06244840d01d9771
    </script> -->
    {/block}